/*
 *  nmcDropDown example
 *  Site by New Media Campaigns
 */

/* Eric Meyer's Reset styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:active{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}


/* Begin general styles */

html {
  background: #eee;
  }

body {
	font-size: 87.5%;     /* Reset base size to 14px */
	line-height: 1.43em; /* Reset line height to 20px */
	}

#wrapper {
	width: 800px;
	margin: 0 auto;
	}
	
body, h1, h2 {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	}
	
p {
  padding-bottom: 1.43em;
	}
	
a:link, a:visited {
  color: #3333cc;
  text-decoration: none;
	}	
a:focus, a:hover, a:active {
  text-decoration: underline;
	}

h1 {
  font-size: 1.43em;
	}
	
h2 {
  font-size: 1.14em;
	}

/* End text */ 


/* Begin header styles */

#header {
  float: left;
  width: 100%;
  height: 60px;
  }
  
#logo a {
  float: left;
  padding: 20px 0;
	}

#nav {
	float: left;
	margin: 15px 0;
	padding: 0 20px;
	height: 30px;
	background: #ccc;
	border: 1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#nav li {
	float: left;
	position: relative;
	}
#nav li.open, #nav li:hover {
  background: #bbb;
  }
#nav li a {
	display: block;
	padding: 5px 25px;
	line-height: 20px;
	color: #444;
	text-decoration: none;
	}
#nav li ul {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  width: 130px;
  padding: 0 0 5px;
  background: #bbb;
  border: solid #bbb;
  border-width: 0 1px 1px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
  box-shadow: 0 3px 3px rgba(0,0,0,0.15);
  }
#nav li:hover ul {
  display: block;
  }
#nav li ul li {
  float: none;
  }
#nav li ul li a {
  padding: 8px 10px;
  display: inline-block;
  }
#nav li ul li a {display: block;}
#nav li ul li a:hover {
  background: #444;
  color: #bbb;
  }

/* End header */


/* Begin Sidebar */

#sidebar {
  float: right;
  width: 180px;
  }

#sidebarNav {
	padding: 10px 0;
	background: #ccc;
	border: 1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#sidebarNav li {
  border-top: 0 solid #ccc;
  }
#sidebarNav li:hover, #sidebarNav li.open {
  background: #bbb;
  }
#sidebarNav li a {
	display: block;
	padding: 5px 10px;
	line-height: 20px;
	color: #444;
	font-weight: bold;
	text-decoration: none;
  display: inline-block;
  }
#sidebarNav li a {display: block;}
#sidebarNav li p {
  display: none;
  padding: 5px 10px 10px;
	color: #444;
	border-top: 1px dashed #aaa;
  }
#sidebarNav li:hover p {
  display: block;
  }
  
/* End Sidebar */


/* Begin body styles */

#body {
  float: left;
  clear: both;
  width: 600px;
	}
	
/* End body */